<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>创新创业学生管理系统</title>
	<link rel="stylesheet" type="text/css" href="style/all.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/uploadPic.js"></script>
	<!-- 日期插件 -->
	<script type="text/javascript" src="plug/laydate/laydate.js"></script>
	<!-- 字体图标 -->
	<script src="plug/font/iconfont.js"></script>
</head>
<body class="bg_i">
	<!-- 顶部 -->
	<div class="header">
		<div class="head">
			<img src="./images/school.jpg" alt="logo">
			<span class="logo">创新创业学生管理系统</span>
			<div class="nav">
				<a href="javascrpt:;" class="home">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-riqi"></use>
					</svg>
					2017.09.01
				</a>
				<div class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-seeusero"></use>
					</svg>
					<span>王小白（电信14-2班）</span>
					<div class="e_list">
						<div class="tran"></div>
						<div class="tran_g"></div>
						<ul>
							<li><a href="user.html">修改密码</a></li>
							<li><a href="javascript:;">清除缓存</a></li>
							<li><a href="login.html">退出</a></li>
						</ul>
					</div>
				</div>
				<!-- 邮件 -->
				<div class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-email"></use>
					</svg>
					<span class="num">1</span>
					<div class="e_list">
						<div class="tran"></div>
						<div class="tran_g"></div>
						<ul>
							<li><a href="index.html">与我相关</a></li>
						</ul>
					</div>
				</div>
				<a href="login.html" class="home email">
					<svg class="icon" aria-hidden="true">
						<use xlink:href="#icon-tuichu-copy"></use>
					</svg>
					<span>退出</span>
				</a>
			</div>
		</div>
	</div>
	<!-- 主体 -->
	<div class="container_i applicate_T">
		<!-- 左边侧边栏 -->
		<div class="left">
			<div class="navbox">
				<div class="title">菜单中心</div>
				<ul class="nav">
					<li><a href="student_item.html" class="hover">个人信息</a></li>
					<li><a href="index.html">通知消息</a></li>
					<li><a href="creation_info.html">创业信息</a></li>
					<li><a href="item_manage_s.html">项目管理</a></li>
					<li><a href="user.html">用户管理</a></li>
					<li><a href="login.html">退出</a></li>
				</ul>
			</div>
		</div>
		<!-- 右边侧边栏 -->
		<div class="right">
			<!-- 个人信息部分 -->
			<div class="item">
				<div class="btn">
					<span class="span_t">个人信息表</span>
					<a href="print_p.html" class="print">打印</a>
					<button class="change">修改</button>
					<button class="sure">确认</button>
					<div class="clear"></div>
				</div>
				<form action="" name="applicate_teacher">
					<table border="1" class="tab_app">
						<tr>
							<td>姓名</td>
							<td><input type="text"></td>
							<td>性别</td>
							<td><input type="text"></td>
							<td rowspan="4" style="width:130px;height:160px;padding:20px 5px;">
								<div class="mypic" id="addCommodityIndex">
									 <div class="input-group row">
						                <div class="col-sm-9 big-photo">
						                	<div id="preview">
						                        <img id="imghead" border="0" src="images/photo_icon.png" width="130px" height="160px;" onclick="$('#previewImg').click();">
						                     </div>         
						                    <input type="file" onchange="previewImage(this)" style="display: none;" id="previewImg">
						                </div>
						            </div>
								</div>
							</td>
						</tr>
						<tr>
							<td>出生日期</td>
							<td><input type="text" name="params[student][work_date0][]"></td>
							<td>民族</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td>身份证号</td>
							<td><input type="text"></td>
							<td>所在二级学院</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td>班级</td>
							<td><input type="text"></td>
							<td>学号</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td>固定电话</td>
							<td><input type="text"></td>
							<td>微信</td>
							<td colspan="2"><input type="text"></td>
						</tr>
						<tr>
							<td>手机</td>
							<td><input type="text"></td>
							<td>电子邮箱</td>
							<td colspan="2"><input type="text"></td>
						</tr>
						<tr>
							<td>QQ</td>
							<td><input type="text"></td>
							<td>爱好、特长</td>
							<td colspan="2"><input type="text"></td>
						</tr>
						<tr>
							<td>联系地址及邮编</td>
							<td colspan="4"><input type="text"></td>
						</tr>
					</table>
					<!-- 创业团队工作经历模块 -->
					<table border="1" class="tab_app" style="border-top:0;" id="work_exp">
						<tr>
							<td style="width:20px;" rowspan="50">创业团队工作经历</td>
							<td colspan="2">起止时间</td>
							<td>
								<input type="text" placeholder="选择日期" name="params[student][work_date1][]" style="width:80px;">到
								<input type="text" placeholder="选择日期" name="params[student][work_date2][]" style="width:80px;">
							</td>
							<td>公司名称</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">注册号</td>
							<td><input type="text"></td>
							<td>注册资金</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">公司所在地</td>
							<td><input type="text"></td>
							<td>公司地址及邮编</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">公司类型</td>
							<td><input type="text"></td>
							<td>经营范围</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">公司面积</td>
							<td><input type="text"></td>
							<td>指导老师（在校创业填写）</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">公司简介</td>
							<td colspan="3"><input type="text"></td>
						</tr>
						<tr>
							<td colspan="2">合伙人数</td>
							<td><input type="text"></td>
							<td>员工人数</td>
							<td><input type="text"></td>
						</tr>
						<tr>
							<td rowspan="100">
								合伙人<br/>
								<div class="home email add_company">
									<svg class="icon" aria-hidden="true">
										<use xlink:href="#icon-icon-test"></use>
									</svg>
								</div>
							</td>
							<td>合伙人姓名</td>
							<td><input type="text" name="params[student][partner_name][]"></td>
							<td>合伙人性别</td>
							<td><input type="text" name="params[student][partner_sex][]"></td>
						</tr>
						<tr>
							<td>合伙人电话</td>
							<td><input type="text" name="params[student][partner_phone][]"></td>
							<td>合伙人学校</td>
							<td><input type="text" name="params[student][partner_school][]"></td>
						</tr>
						<tr>
							<td>合伙人院系</td>
							<td><input type="text" name="params[student][partner_xy][]"></td>
							<td>合伙人班级</td>
							<td><input type="text" name="params[student][partner_class][]"></td>
						</tr>
					</table>
					<table border="1" class="tab_app" style="border-top:0;" id="reward">
						<tr>
							<td rowspan="100" style="width:90px;">
								期间获奖<br>情况
								<div class="home email add_reward">
									<svg class="icon" aria-hidden="true">
										<use xlink:href="#icon-icon-test"></use>
									</svg>
								</div>
							</td>
							<td>时间</td>
							<td>竞赛类型</td>
							<td>获奖级别</td>
							<td>获奖金额</td>
						</tr>
						<tr>
							<td><input type="text" name="params[student][work_date5][]"></td>
							<td><input type="text" name="params[student][complete_type][]"></td>
							<td><input type="text" name="params[student][reward_type][]"></td>
							<td><input type="text" name="params[student][reward_money][]"></td>
						</tr>
					</table>
					<table border="1" class="tab_app" style="border-top:0;">
						<tr>
							<td style="width:90px;">附件</td>
							<td>法人代表</td>
							<td>营业执照</td>
							<td>公司照片（最好有公司标志）</td>
						</tr>
						<tr>
							<td>
								<label for="fujian" class="fujian">
									添加附件<input type="file" id="fujian1">
								</label>
							</td>
							<td><input type="text"></td>
							<td>
								<label for="fujian2" class="fujian">
									添加附件<input type="file" id="fujian2">
								</label>
							</td>
							<td>
								<label for="fujian3" class="fujian">
									添加附件<input type="file" id="fujian3">
								</label>
							</td>
						</tr>
					</table>
				</form>
			</div>
		</div>
	</div>
	<!-- 回到顶部 -->
	<div class="toTop"><span>↑</span>顶部</div>
	<script type="text/javascript">
	$(function(){
		$(".right input,.right textarea").attr("disabled","false").css("border","none");

		// 点击修改按钮时改变样式
		$(".change").click(function(){
			$("input,textarea").removeAttr("disabled").css("border","1px solid #D8D8D8");
			$(this).hide();
			$(".sure").show()
		})
		// 点击确认按钮时改变样式
		$(".sure").click(function(){
			$(".right input,.right textarea").attr("disabled","false").css("border","none");
			$(this).hide();
			$(".change").show()
		})

		// 添加合伙人模块
		$(".add_company").click(function(){
			add_company("work_exp","params[student][partner_name][]","params[student][partner_sex][]","params[student][partner_phone][]","params[student][partner_school][]","params[student][partner_xy][]","params[student][partner_class][]");
		})
		// 添加合伙人表格
		function add_company(where,inputname1,inputname2,inputname3,inputname4,inputname5,inputname6){
			$("#"+where).append("<tr><td>合伙人姓名</td><td><input type='text' name='"+inputname1+"'></td><td>合伙人性别</td><td style='position:relative;'><a style='position:absolute;right:0;' href='javascript:;' class='home email del'><svg class='icon' style='color:red;' aria-hidden='true'><use xlink:href='#icon-guanbi'></use></svg></a><input type='text'name='"+inputname2+"' /></td></tr><tr><td>合伙人电话</td><td><input type='text' name='"+inputname3+"'></td><td>合伙人学校</td><td style='position:relative;'><a style='position:absolute;right:0;' href='javascript:;' class='home email del'><svg class='icon' style='color:red;' aria-hidden='true'><use xlink:href='#icon-guanbi'></use></svg></a><input type='text'name='"+inputname4+"' /></td></tr><tr><td>合伙人院系</td><td><input type='text' name='"+inputname5+"'></td><td>合伙人班级</td><td style='position:relative;'><a style='position:absolute;right:0;' href='javascript:;' class='home email del'><svg class='icon' style='color:red;' aria-hidden='true'><use xlink:href='#icon-guanbi'></use></svg></a><input type='text'name='"+inputname6+"'/></td></tr>")
		}
		// 点击删除号删除相应的行
		$(document).on("click",".del",function(){
			$(this).parent().parent("tr").remove();
		})

		// 调用日期
		function date(){
			laydate.render({
			  elem: '#datepicker' //指定元素
			});
		}

		//鼠标移入将input中name开头为params[student][work_date添加id并且调用时间函数
		$(document).on("mouseover","input[name^='params[student][work_date']",function(){
			$(this).attr("id","datepicker");
			date();
		})
		//鼠标移出将input中name开头为params[student][work_date删除id
		$(document).on("mouseleave","input[name^='params[student][work_date']",function(){
			$(this).removeAttr("id");
		})

		$(".add_reward").click(function(){
			add_reward("reward","params[student][work_date5][]","params[student][complete_type][]","params[student][reward_type][]","params[student][reward_money][]")
		})

		function add_reward(where,name1,name2,name3,name4){
			$("#"+where).append("<tr><td><input type='text' name='"+name1+"'/></td><td><input type='text' name='"+name2+"' /></td><td><input type='text' name='"+name3+"'/></td><td style='position:relative;'><a style='position:absolute;right:0;' href='javascript:;' class='home email del'><svg class='icon' style='color:red;' aria-hidden='true'><use xlink:href='#icon-guanbi'></use></svg></a><input type='text' name='"+name4+"' /></td></tr>")
		}
	})
	</script>
</body>
</html>